<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="generator" content="JsDoc Toolkit" />
		
		<title>JsDoc Reference - Menu_A</title>

		<style type="text/css">
			/* default.css */
body
{
	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	width: 800px;
}

.header
{
	clear: both;
	background-color: #ccc;
	padding: 8px;
}

h1
{
	font-size: 150%;
	font-weight: bold;
	padding: 0;
	margin: 1em 0 0 .3em;
}

hr
{
	border: none 0;
	border-top: 1px solid #7F8FB1;
	height: 1px;
}

pre.code
{
	display: block;
	padding: 8px;
	border: 1px dashed #ccc;
}

#index
{
	margin-top: 24px;
	float: left;
	width: 160px;
	position: absolute;
	left: 8px;
	background-color: #F3F3F3;
	padding: 8px;
}

#content
{
	margin-left: 190px;
	width: 600px;
}

.classList
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 8px;
	font-family: arial, sans-serif;
	font-size: 1em;
	overflow: auto;
}

.classList li
{
	padding: 0;
	margin: 0 0 8px 0;
}

.summaryTable { width: 100%; }

h1.classTitle
{
	font-size:170%;
	line-height:130%;
}

h2 { font-size: 110%; }
caption, div.sectionTitle
{
	background-color: #7F8FB1;
	color: #fff;
	font-size:130%;
	text-align: left;
	padding: 2px 6px 2px 6px;
	border: 1px #7F8FB1 solid;
}

div.sectionTitle { margin-bottom: 8px; }
.summaryTable thead { display: none; }

.summaryTable td
{
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px #7F8FB1 solid;
	border-right: 1px #7F8FB1 solid;
}

/*col#summaryAttributes {}*/
.summaryTable td.attributes
{
	border-left: 1px #7F8FB1 solid;
	width: 140px;
	text-align: right;
}

td.attributes, .fixedFont
{
	line-height: 15px;
	color: #002EBE;
	font-family: "Courier New",Courier,monospace;
	font-size: 13px;
}

.summaryTable td.nameDescription
{
	text-align: left;
	font-size: 13px;
	line-height: 15px;
}

.summaryTable td.nameDescription, .description
{
	line-height: 15px;
	padding: 4px;
	padding-left: 4px;
}

.summaryTable { margin-bottom: 8px; }

ul.inheritsList
{
	list-style: square;
	margin-left: 20px;
	padding-left: 0;
}

.detailList {
	margin-left: 20px; 
	line-height: 15px;
}
.detailList dt { margin-left: 20px; }

.detailList .heading
{
	font-weight: bold;
	padding-bottom: 6px;
	margin-left: 0;
}

.light, td.attributes, .light a:link, .light a:visited
{
	color: #777;
	font-style: italic;
}

.fineprint
{
	text-align: right;
	font-size: 10px;
}
		</style>
	</head>

	<body>
<!-- ============================== header ================================= -->	
		<!-- begin static/header.html -->
		<div id="header">
</div>
		<!-- end static/header.html -->

<!-- ============================== classes index ============================ -->
		<div id="index">
			<!-- begin publish.classesIndex -->
			<div align="center"><a href="../index.html">Class Index</a>
| <a href="../files.html">File Index</a></div>
<hr />
<h2>Classes</h2>
<ul class="classList">
	
	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
	
	<li><a href="../symbols/common.html">common</a></li>
	
	<li><a href="../symbols/common.key.html">common.key</a></li>
	
	<li><a href="../symbols/common.ptest.html">common.ptest</a></li>
	
	<li><a href="../symbols/keyboardClass.html">keyboardClass</a></li>
	
	<li><a href="../symbols/Menu_A.html">Menu_A</a></li>
	
</ul>
<hr />
			<!-- end publish.classesIndex -->
		</div>
		
		<div id="content">
<!-- ============================== class title ============================ -->
			<h1 class="classTitle">
				
				Class Menu_A
			</h1>

<!-- ============================== class summary ========================== -->			
			<p class="description">
				
				
			
				
				
				
					<br /><i>Defined in: </i> <a href="../symbols/src/D__work_root_common_mstar_menu_a.js.html">menu_a.js</a>.
				
			</p>

<!-- ============================== constructor summary ==================== -->			
			
			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class Menu_A.">
				<caption>Class Summary</caption>
				<thead>
					<tr>
						<th scope="col">Constructor Attributes</th>
						<th scope="col">Constructor Name and Description</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="attributes">&nbsp;</td>
						<td class="nameDescription" >
							<div class="fixedFont">
								<b><a href="../symbols/Menu_A.html#constructor">Menu_A</a></b>(w, h, length)
							</div>
							<div class="description">单级菜单类
1、可以为多行多列多页。
2、封装了跳转、翻页、换行等常用菜单行为。
3、只能用于一级菜单</div>
						</td>
					</tr>
				</tbody>
			</table>
			

<!-- ============================== properties summary ===================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class Menu_A.">
					<caption>Field Summary</caption>
					<thead>
						<tr>
							<th scope="col">Field Attributes</th>
							<th scope="col">Field Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/Menu_A.html#defkey">defkey</a></b>
								</div>
								<div class="description">是否响应默认按键</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/Menu_A.html#h">h</a></b>
								</div>
								<div class="description">菜单纵向最大条目数</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/Menu_A.html#i">i</a></b>
								</div>
								<div class="description">当前选中项的序号</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/Menu_A.html#length">length</a></b>
								</div>
								<div class="description">菜单的总数量</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/Menu_A.html#w">w</a></b>
								</div>
								<div class="description">菜单横向最大条目数</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
			

<!-- ============================== methods summary ======================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class Menu_A.">
					<caption>Method Summary</caption>
					<thead>
						<tr>
							<th scope="col">Method Attributes</th>
							<th scope="col">Method Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#close">close</a></b>()
								</div>
								<div class="description">关闭这个menu,使其不受键盘控制,会触发onClose事件</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#enter">enter</a></b>()
								</div>
								<div class="description">进入当前项</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#go">go</a></b>(i)
								</div>
								<div class="description">菜单跳转到第i项。</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#goxy">goxy</a></b>(m)
								</div>
								<div class="description">菜单按行列方式跳转</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#goxyz">goxyz</a></b>(m)
								</div>
								<div class="description">菜单按页行列方式跳转</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#i2xy">i2xy</a></b>(i)
								</div>
								<div class="description">将i分解为一个包括行、列的对象。</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#i2xyz">i2xyz</a></b>(i)
								</div>
								<div class="description">将i分解为一个包括页、行、列的对象。</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#il">il</a></b>(i)
								</div>
								<div class="description">获取第i项在其所在行的编号。也就是列号。</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#ip">ip</a></b>(i)
								</div>
								<div class="description">获取第i项在其所在页的编号。</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#next">next</a></b>()
								</div>
								<div class="description">跳转到下一项</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#nextLine">nextLine</a></b>()
								</div>
								<div class="description">跳转到下一行</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#nextPage">nextPage</a></b>()
								</div>
								<div class="description">跳转到下一页</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#open">open</a></b>()
								</div>
								<div class="description">打开这个menu,使其受到键盘控制,会触发onOpen事件。</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#p">p</a></b>()
								</div>
								<div class="description">返回本菜单一页能够容纳的item数</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#prev">prev</a></b>()
								</div>
								<div class="description">跳转到上一项</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#prevLine">prevLine</a></b>()
								</div>
								<div class="description">跳转到上一行</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#prevPage">prevPage</a></b>()
								</div>
								<div class="description">跳转到上一页</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#sl">sl</a></b>(i)
								</div>
								<div class="description">获取第i项所在的行的第一项的编号。</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#sp">sp</a></b>(i)
								</div>
								<div class="description">获取第i项所在的页的第一项的编号。</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#y">y</a></b>(i)
								</div>
								<div class="description">获取第i项所在的行编号。</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#yp">yp</a></b>(i)
								</div>
								<div class="description">获取第i项在其所在页的行编号。</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#z">z</a></b>(i)
								</div>
								<div class="description">获取第i项所在的页编号。</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
			
<!-- ============================== events summary ======================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the events documented in the class Menu_A.">
					<caption>Event Summary</caption>
					<thead>
						<tr>
							<th scope="col">Event Attributes</th>
							<th scope="col">Event Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#event:onChange">onChange</a></b>()
								</div>
								<div class="description">选中项改变时触发</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#event:onClose">onClose</a></b>()
								</div>
								<div class="description">菜单被关闭，执行close方法时触发</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#event:onEnter">onEnter</a></b>()
								</div>
								<div class="description">进入菜单项，执行enter方法时触发（默认回车键触发）</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#event:onKeyPress">onKeyPress</a></b>(key)
								</div>
								<div class="description">菜单被open后，有按键时触发，传入按键码</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#event:onLineChange">onLineChange</a></b>()
								</div>
								<div class="description">选中项换行时触发</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#event:onOpen">onOpen</a></b>()
								</div>
								<div class="description">菜单被打开，执行open方法时触发</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/Menu_A.html#event:onPageChange">onPageChange</a></b>()
								</div>
								<div class="description">选中项换页时触发</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
			

<!-- ============================== constructor details ==================== -->		
			
			<div class="details"><a name="constructor"> </a>
				<div class="sectionTitle">
					Class Detail
				</div>
				
				<div class="fixedFont">
						<b>Menu_A</b>(w, h, length)
				</div>
				
				<div class="description">
					单级菜单类
1、可以为多行多列多页。
2、封装了跳转、翻页、换行等常用菜单行为。
3、只能用于一级菜单
					
				</div>
				
				
				
				<pre class="code">

说明：
 1.此类需要jQuery和common.js支持， 请保证html中加载这两项
 2.此菜单只管理菜单行为逻辑，不管理数据和现实逻辑，数据和显示需要根据不同接口或者页面具体编写
 3.具体项目代码请看T12下的 巴巴变相册，其中login和bigphoto是单页菜单、album和photolist 是多页菜单


// = 第一步 =  HTML中引入jquery、common.js、menu_a.js


// = 第二步 =

//定义login对象为一个菜单, 此菜单宽度为1,高度为3,总菜单项为3, 此菜单是一个单页菜单。
//使用jQuery的extend方法，给新建的菜单对象加上特有方法和属性。
var login = $.extend(new Menu_A(1, 3, 3), {
	//定义打开菜单时的操作
    onOpen: function(){
        common.log(this.name + " onOpen!")
		//绘制数据和焦点，具体见下方
        this.drawFocus();
        this.drawData();
		//显示login框
        this.show();
    },
	//定义打开菜单项改变时的操作
    onChange: function(){
        common.log(this.name + " onChange! " + this.i)
		//绘制焦点，见下方
        this.drawFocus();
    },
	//定义进入菜单项时的操作
    onEnter: function(){
        common.log(this.name + " onEnter! " + this.i)
        var self = this;
		//根据进入的项目分开操作
        switch (this.i) {
            case 0:
            case 1:
                //用户名密码输入时
				//...
                break;
            case 2:
                //确定时
				//...
                break;
        }
    },
	//其余事件因为在这个login框中使用不到，所以可以不定义
	
	
	//附加属性和功能，此处为在页面中显示菜单的相关逻辑
	
    dom: null, //存储指向login框DOM的jquery对象
    name: "登陆框", //分辨对象的作用，不是必须
    data: ["gavin2026cn@163.com", "o1nscEN2"], //储存用户名密码
    //显示login框
    show: function(){
        this.dom.show();
    },
    //隐藏login框
    hide: function(){
        this.dom.hide();
    },
	//绘制焦点，给当前选中项加current样式，根据页面结构编写
    drawFocus: function(){
        var items = this.dom.find("li")
        items.filter(".current").removeClass("current");
        items.eq(this.i).addClass("current");
    },
	//绘制数据，此处为用户名密码，根据页面结构编写
    drawData: function(){
        var items = this.dom.find("li")
        items.eq(0).find(".albumsLoginInput").html(this.data[0]);
        items.eq(1).find(".albumsLoginInput").html(this.data[1]);
    },
})

// = 第三步 = 在页面加载结束后，进行初始化

$(function(){
	//启用通用键盘管理
	common.key.init();
	
	//绑定dom
    login.dom = $(".albumsLogin");
	
	//启动login窗口，到此，就可以登陆窗口就可以控制了
    login.open();
    
})

//具体项目代码请看T12下的 巴巴变相册，其中album和photolist 是多页菜单</pre>
				
				
				
				
					
						<dl class="detailList">
						<dt class="heading">Parameters:</dt>
						
							<dt>
								<span class="light fixedFont">{int}</span>  <b>w</b>
								
							</dt>
								<dd>菜单横向最大条目数，为空则使用默认值5</dd>
						
							<dt>
								<span class="light fixedFont">{int}</span>  <b>h</b>
								
							</dt>
								<dd>菜单纵向最大条目数，为空则使用默认值3</dd>
						
							<dt>
								<span class="light fixedFont">{int}</span>  <b>length</b>
								
							</dt>
								<dd>菜单的总数量，为空则使用默认值15</dd>
						
						</dl>
					
					
					
					
					
					
					

			</div>
			

<!-- ============================== field details ========================== -->		
			
				<div class="sectionTitle">
					Field Detail
				</div>
				
					<a name="defkey"> </a>
					<div class="fixedFont">
					
					<span class="light">{boolean}</span>
					<b>defkey</b>
					
					</div>
					<div class="description">
						是否响应默认按键
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="h"> </a>
					<div class="fixedFont">
					
					<span class="light">{int}</span>
					<b>h</b>
					
					</div>
					<div class="description">
						菜单纵向最大条目数
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="i"> </a>
					<div class="fixedFont">
					
					<span class="light">{int}</span>
					<b>i</b>
					
					</div>
					<div class="description">
						当前选中项的序号
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="length"> </a>
					<div class="fixedFont">
					
					<span class="light">{int}</span>
					<b>length</b>
					
					</div>
					<div class="description">
						菜单的总数量
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="w"> </a>
					<div class="fixedFont">
					
					<span class="light">{int}</span>
					<b>w</b>
					
					</div>
					<div class="description">
						菜单横向最大条目数
						
						
					</div>
					
					

						
						
						
						

					
				
			

<!-- ============================== method details ========================= -->		
			
				<div class="sectionTitle">
					Method Detail
				</div>
				
					<a name="close"> </a>
					<div class="fixedFont">
					
					<span class="light">{boolean}</span>
					<b>close</b>()
					
					</div>
					<div class="description">
						关闭这个menu,使其不受键盘控制,会触发onClose事件
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{boolean}</span> 是否关闭成功</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="enter"> </a>
					<div class="fixedFont">
					
					<span class="light">{boolean}</span>
					<b>enter</b>()
					
					</div>
					<div class="description">
						进入当前项
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{boolean}</span> 是否跳转成功</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="go"> </a>
					<div class="fixedFont">
					
					<span class="light">{boolean}</span>
					<b>go</b>(i)
					
					</div>
					<div class="description">
						菜单跳转到第i项。
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{int}</span> <b>i</b>
									
								</dt>
								<dd>第i项。</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{boolean}</span> 是否跳转成功</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="goxy"> </a>
					<div class="fixedFont">
					
					<span class="light">{boolean}</span>
					<b>goxy</b>(m)
					
					</div>
					<div class="description">
						菜单按行列方式跳转
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{objec}</span> <b>m</b>
									
								</dt>
								<dd>格式为{x:a,y:b}的对象，其中a为列编号，b为所在行编号。</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{boolean}</span> 是否跳转成功</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="goxyz"> </a>
					<div class="fixedFont">
					
					<span class="light">{boolean}</span>
					<b>goxyz</b>(m)
					
					</div>
					<div class="description">
						菜单按页行列方式跳转
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{object}</span> <b>m</b>
									
								</dt>
								<dd>格式为{x:a,y:b,z:c}的对象，其中a为列编号，b为所在页行编号，c为页编号</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{boolean}</span> 是否跳转成功</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="i2xy"> </a>
					<div class="fixedFont">
					
					<span class="light">{object}</span>
					<b>i2xy</b>(i)
					
					</div>
					<div class="description">
						将i分解为一个包括行、列的对象。
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{int}</span> <b>i</b>
									
								</dt>
								<dd>第i项，如果不传参数则默认为当前选中项。</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{object}</span> m 格式为{x:a,y:b}的对象，其中a为列编号，b为所在行编号。</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="i2xyz"> </a>
					<div class="fixedFont">
					
					<span class="light">{object}</span>
					<b>i2xyz</b>(i)
					
					</div>
					<div class="description">
						将i分解为一个包括页、行、列的对象。
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{int}</span> <b>i</b>
									
								</dt>
								<dd>第i项，如果不传参数则默认为当前选中项。</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{object}</span> m 格式为{x:a,y:b,z:c}的对象，其中a为列编号，b为所在页行编号，c为页编号</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="il"> </a>
					<div class="fixedFont">
					
					<span class="light">{int}</span>
					<b>il</b>(i)
					
					</div>
					<div class="description">
						获取第i项在其所在行的编号。也就是列号。
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{int}</span> <b>i</b>
									
								</dt>
								<dd>第i项，如果不传参数则默认为当前选中项。</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{int}</span> 列编号</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="ip"> </a>
					<div class="fixedFont">
					
					<span class="light">{int}</span>
					<b>ip</b>(i)
					
					</div>
					<div class="description">
						获取第i项在其所在页的编号。
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{int}</span> <b>i</b>
									
								</dt>
								<dd>第i项，如果不传参数则默认为当前选中项。</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{int}</span> 编号</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="next"> </a>
					<div class="fixedFont">
					
					<span class="light">{boolean}</span>
					<b>next</b>()
					
					</div>
					<div class="description">
						跳转到下一项
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{boolean}</span> 是否跳转成功</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="nextLine"> </a>
					<div class="fixedFont">
					
					<span class="light">{boolean}</span>
					<b>nextLine</b>()
					
					</div>
					<div class="description">
						跳转到下一行
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{boolean}</span> 是否跳转成功</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="nextPage"> </a>
					<div class="fixedFont">
					
					<span class="light">{boolean}</span>
					<b>nextPage</b>()
					
					</div>
					<div class="description">
						跳转到下一页
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{boolean}</span> 是否跳转成功</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="open"> </a>
					<div class="fixedFont">
					
					<span class="light">{boolean}</span>
					<b>open</b>()
					
					</div>
					<div class="description">
						打开这个menu,使其受到键盘控制,会触发onOpen事件。
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{boolean}</span> 是否打开成功</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="p"> </a>
					<div class="fixedFont">
					
					<span class="light">{int}</span>
					<b>p</b>()
					
					</div>
					<div class="description">
						返回本菜单一页能够容纳的item数
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{int}</span> item数</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="prev"> </a>
					<div class="fixedFont">
					
					<span class="light">{boolean}</span>
					<b>prev</b>()
					
					</div>
					<div class="description">
						跳转到上一项
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{boolean}</span> 是否跳转成功</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="prevLine"> </a>
					<div class="fixedFont">
					
					<span class="light">{boolean}</span>
					<b>prevLine</b>()
					
					</div>
					<div class="description">
						跳转到上一行
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{boolean}</span> 是否跳转成功</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="prevPage"> </a>
					<div class="fixedFont">
					
					<span class="light">{boolean}</span>
					<b>prevPage</b>()
					
					</div>
					<div class="description">
						跳转到上一页
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{boolean}</span> 是否跳转成功</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="sl"> </a>
					<div class="fixedFont">
					
					<span class="light">{int}</span>
					<b>sl</b>(i)
					
					</div>
					<div class="description">
						获取第i项所在的行的第一项的编号。
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{int}</span> <b>i</b>
									
								</dt>
								<dd>第i项，如果不传参数则默认为当前选中项。</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{int}</span> 所在的行的第一项的编号。</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="sp"> </a>
					<div class="fixedFont">
					
					<span class="light">{int}</span>
					<b>sp</b>(i)
					
					</div>
					<div class="description">
						获取第i项所在的页的第一项的编号。
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{int}</span> <b>i</b>
									
								</dt>
								<dd>第i项，如果不传参数则默认为当前选中项。</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{int}</span> 所在的页的第一项的编号。</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="y"> </a>
					<div class="fixedFont">
					
					<span class="light">{int}</span>
					<b>y</b>(i)
					
					</div>
					<div class="description">
						获取第i项所在的行编号。
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{int}</span> <b>i</b>
									
								</dt>
								<dd>第i项，如果不传参数则默认为当前选中项。</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{int}</span> 行编号</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="yp"> </a>
					<div class="fixedFont">
					
					<span class="light">{int}</span>
					<b>yp</b>(i)
					
					</div>
					<div class="description">
						获取第i项在其所在页的行编号。
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{int}</span> <b>i</b>
									
								</dt>
								<dd>第i项，如果不传参数则默认为当前选中项。</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{int}</span> 所在页的行编号</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="z"> </a>
					<div class="fixedFont">
					
					<span class="light">{int}</span>
					<b>z</b>(i)
					
					</div>
					<div class="description">
						获取第i项所在的页编号。
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{int}</span> <b>i</b>
									
								</dt>
								<dd>第i项，如果不传参数则默认为当前选中项。</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{int}</span> 所在的页编号。</dd>
							
							</dl>
						
						
						

					
				
			
			
<!-- ============================== event details ========================= -->		
			
				<div class="sectionTitle">
					Event Detail
				</div>
				
					<a name="event:onChange"> </a>
					<div class="fixedFont">
					
					
					<b>onChange</b>()
					
					</div>
					<div class="description">
						选中项改变时触发
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="event:onClose"> </a>
					<div class="fixedFont">
					
					
					<b>onClose</b>()
					
					</div>
					<div class="description">
						菜单被关闭，执行close方法时触发
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="event:onEnter"> </a>
					<div class="fixedFont">
					
					
					<b>onEnter</b>()
					
					</div>
					<div class="description">
						进入菜单项，执行enter方法时触发（默认回车键触发）
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="event:onKeyPress"> </a>
					<div class="fixedFont">
					
					
					<b>onKeyPress</b>(key)
					
					</div>
					<div class="description">
						菜单被open后，有按键时触发，传入按键码
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{int}</span> <b>key</b>
									
								</dt>
								<dd>按键码</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="event:onLineChange"> </a>
					<div class="fixedFont">
					
					
					<b>onLineChange</b>()
					
					</div>
					<div class="description">
						选中项换行时触发
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="event:onOpen"> </a>
					<div class="fixedFont">
					
					
					<b>onOpen</b>()
					
					</div>
					<div class="description">
						菜单被打开，执行open方法时触发
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="event:onPageChange"> </a>
					<div class="fixedFont">
					
					
					<b>onPageChange</b>()
					
					</div>
					<div class="description">
						选中项换页时触发
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					
				
			
			
			<hr />
		</div>

		
<!-- ============================== footer ================================= -->
		<div class="fineprint" style="clear:both">
			
			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sat Jan 29 2011 21:18:58 GMT+0800 (CST)
		</div>
	</body>
</html>
